﻿@model List<FTBS.Models.Entities.Concert.TheaterConcertEntity>

<body>
    <div style="display: block; margin: 0 auto">
        @foreach (var item in Model)
        {
            <div style="float: left;">
            <div class="tile triple" style="margin-left: 15px; border: solid; border-width: 1px">
                <img src="~/Image/Theater/@Html.DisplayFor(ImageURL => item.ImageURL)" style="height: 260px; width: 360px" />
            </div>
            <div style="margin-left: 12px">
                <table>
                    <tr>
                        <td>
                            <img src="~/Image/Icon/HouseBlack.png" style="width:40px; height:40px" />
                        </td>
                        <td>
                            <strong>@item.TheaterName</strong>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <img src="~/Image/Icon/Location_Icon.png" style="width:40px; height:40px" />
                        </td>
                        <td class="input-control textarea">
                            <strong>@Html.TextAreaFor(address => item.Address, new { style = "" })</strong>
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>
                            <img src="~/Image/Icon/Distance_Icon.jpg" style="width:40px; height:40px"/>
                        </td>
                        <td>
                            <strong>@item.DistanceString</strong>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <img src="~/Image/Icon/Moto_Icon.png" style="width:40px; height:40px"/>
                        </td>
                        <td>
                            <strong>@item.Time</strong>
                        </td>
                    </tr>
                </table>
            </div>
            <div style="margin-left: 12px">
                <div style="float: left; margin: 3px">
                    <button class="inverse">Xem lịch chiếu</button>
                </div>
            </div>
        </div>
        }        
    </div>
</body>

